
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>用户登录</title>
		<style type="text/css">
			body{
				background-color: #6699F4;
			}
			#logindiv{
				width: 550px;
				height: 530px;
				background-color: white;
				margin: 0 auto;
				margin-top: 60px;
				text-align: center;
				padding: 10px;							
			}
			#uname{
				width: 426px;
				height: 55px;
			}
			#upsw{
				width: 426px;
				height: 55px;
				margin-top: 10px;
				margin-bottom: 10px;
			}
			input::-webkit-input-placeholder{
				text-align: center;
			}
			#user{				
				width: 426px;
				height: 55px;
				border: 1px solid;
				border-radius: 5px;
				background: url(img/user.png)no-repeat scroll right center transparent;
				background-position: 50px;	
				margin-bottom: 10px;
			}
			#password{
				width: 426px;
				height: 55px;
				border: 1px solid;
				border-radius: 5px;
				background: url(./img/password.png)no-repeat scroll right center transparent ;
				background-position: 50px;
			}
			#loginBtn{
				width: 426px;
				height: 55px;
				margin-top: 10px;
				background-color: #FF6B4D;
				border: 1px solid #FF6B4D;
				border-radius: 5px;
				color: white;
				font-size: 20px;
				margin-bottom: 30px;
			}
			#div2{
				margin-top: 20px;
			}
		</style>
	</head>
	<body>
		<div id="logindiv">
			<img src="img/tit.png" >
			<h1>毕业设计管理系统</h1>			
			<input type="text" style="text-align: center;" placeholder="请输入用户名" id="user" /><br>				
			<input type="password" style="text-align: center;" placeholder="请输入密码" id="password" /><br>		
			<button id="loginBtn">登录</button><br>
			<a href="https://wx.qq.com/"><img src="img/weixin.png" alt="微信"></a>
			<a href="https://weibo.com/"><img src="img/weibo.png" alt="微博"></a>
			<a href="https://im.qq.com/index"><img src="img/qq.png" alt="QQ"></a>
			<br>
			<div id="div2">
				开发者：杨润成 192088206 理学系
			</div>
		</div>
	</body>
</html>
